<style>
    /*footer*/
    .footer{
        background: #cccccc;
        font-family: "Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;
        position: relative;
        padding-bottom:-100px;
    }

    .footer .row:nth-child(1) {
        background: rgba(0,0,0,0) url("../../../../public/images/hdLogo.jpg") no-repeat scroll 0 0;
        margin: 40px 345px 0;
    }

    /*.footer .foot-content{
        margin-left: 75px;

    }*/
    .footer .foot-content p{
        color: #fff;
        font-size: 1em;
        line-height: 22px;
    }

    .footer .foot-content p span{
        margin-right: 10px;
    }
    /*hidden*/

    .footer .copyright{
        text-align: center;
        color: #666;
        line-height: 20px;
        margin: 20px auto;
    }
    .footer .visible-xs{
        text-align: center;
        color: #666;
        line-height: 20px;
        margin: -20px auto 0;

        vertical-align: center;
        padding-bottom: 10px;
    }
</style>
<div class="footer">
    <div class="container-fluid">
        <div class="row">
            <div class="foot-content hidden-xs">
                <p>
                    <span>电话：010-57739663</span>
                    <span>邮箱：hdzy@hdsunny.com</span>
                    <span>网址：www.hdsunny.com</span>
                </p>
                <p>地址：北京市海淀区车道沟十号名邸A座</p>
            </div>
        </div>
        <div class="row">
            <div class="copyright hidden-xs">
                <p>Copyright © 2013-2018 www.hdsunny.com. All Rights Reserved 昊点咨询</p>
                <p><a href='http://www.miitbeian.gov.cn/publish/query/indexFirst.action'>京ICP备18000418号</a></p>
            </div>
            <div class="copyright visible-xs">
                <p>Copyright © 昊点咨询</p>
            </div>
        </div>
    </div>
</div>